@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	font-family:微软雅黑,sans-serif ;
	color: #9a9899;
	font-size: 14px;
}
/* 1.网页头部：设置宽 100% 高47px 边框 */
header{
	width: 100%;
	height: 52px;
	bor der: 1px solid red;
	background-color: #333;
	
}
/* 网页中控：显示主体内容，占主体，页尾中控 */
div#wrapper{
	width: 1382px;
	height: 52px;/* 考虑：主体，页尾占宽度+高度 */
	back ground-color: #00ff00;
	/* 居中 */
	margin: 0 auto;
}
/* 3.网页中控区：左侧部分 */
div#wrapper div.left{
	width: 725px;
	height: 52px;
	back ground-color: brown;
	float: left;
}
/* 3.1左侧部分 li 导航数据：布局：浮动，设置高度 */
div#wrapper div.left ul li{
	
	float: left;
	height: 52px;
	
}
/* 3.2左侧部分 li a 垂直居中 左右空间 */
div#wrapper div.left ul li a{
	border-right: 1px solid #424242;
	line-height: 52px;
	padding: 0 10px;
}
/* 3.3左侧部分 最后一个竖边拿下 */
div#wrapper div.left ul li a.fix{
	border: none;
}

/* 4.网页中控区：右侧部分 */
div#wrapper div.right{
	width: 245px;
	height: 52px;
	float: right;
}
/* 4.1右侧浮动：右浮动 */
div#wrapper div.right ul li{
    float: right;
}
/* 4.2购物车精灵图 */
div#wrapper div.right ul li i.shop{
	position: relative;
	top: 3px;
	left: 3px;
	padding: 0 10px;
	background: url(../img/buy.png) no-repeat;
	border: none;
    
}
div#wrapper div.right ul li a.fix{
	border: none;
}
/* 购物车区域：背景颜色 */
div#wrapper div.right ul li.ul_right{
	background-color: #424242;
}
div#wrapper div.right ul li a{
	border-right: 1px solid #424242;
	line-height: 52px;
	padding: 0 10px;
}
/* 4.3购物车悬停效果：三个地方改变：背景改
                                 背景改的同时改超链接
								 背景改同时改精灵图*/
div#wrapper div.right ul li.ul_right:hover{
	background-color: #fff;
}
div#wrapper div.right ul li.ul_right:hover a{
	color: #ffaa00;
}
div#wrapper div.right ul li.ul_right:hover i.shop{
	background-image: url(../img/buy01.png);
}
/* 结束：添加悬停 颜色 白色 */
div#wrapper div.left ul li a:hover,div#wrapper div.right ul li a:hover{
	color: #fff;
}
.gwc{
	width: 370px;
	height: 66px;
	margin-top: 53px;
	margin-left: -120px;
	background: #ffffff;
	font-size: 14px;
	color: #333333;
	text-align: center;
	line-height: 70px;
	position: relative;
	z-index: 200;
	display: none;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.sticky{
		/* 固定定位：元素指定到具体位置 */
		position: fixed;
		top: 0;
		width: 100%;
	}

